<html>

	<head>	
		<meta name="layout" content="main">	
		<style type="text/css">
		#menuMedico{
			font-size: 110%;
			margin-left: 2%;	
		}
		#menuMedico img{
			display:block;
			padding-top: 2%;
			width: 70px;
			height: 80px;
			margin-left: 3%;
		}
		#menuMedico p{
			font-size: 90%;
			width:110px;
			margin-left: 10%;
		}
		#menuMedico ul.barraOpcoes{
			margin:0;
			padding: 2%;
		}
		#menuMedico ul.barraOpcoes li{
			list-style: none;
			display: inline;
		}
		#menuMedico ul.barraOpcoes li a{
			float: left;
			width: 110px;
		}
		
		#menuMedico ul.barraOpcoes li a:hover{
			text-decoration: underline;
		}
		#menuPaciente{
			font-size: 110%;
			margin-left: 2%;	
		}	
		</style>
	</head>
	<body>
		<div id="menuMedico">
			<h1>Médicos</h1>
			<ul class="barraOpcoes">
				<li><g:link controller="medico" action="create"> <g:img dir="images" file="dokter.png" /> <p> Adicionar </p> </g:link></li>
				<li><g:link> <g:img dir="images" file="alterar.png" /> <p> Alterar </p> </g:link> </li>		
         		<li><g:link> <g:img dir="images" file="listas.png" /> <p> Listar </p> </g:link> </li>
				<li><g:link> <g:img dir="images" file="lixeira.png" /> <p> Remover </p> </g:link> </li>
			</ul>
		</div>
		<br></br>
		<br></br>
		<br></br>
		<div id="menuPaciente">
			<h1>Pacientes</h1>
		</div>
	</body>
</html>